<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>管理员登录</title>
<style>
    body { font-family: Arial, sans-serif; background-color: #f4f4f4; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; }
    .login-container { background-color: #fff; padding: 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); width: 100%; max-width: 400px; text-align: center; }
    h1 { color: #333; margin-bottom: 30px; }
    form div { margin-bottom: 15px; text-align: left; }
    label { display: block; margin-bottom: 8px; color: #555; font-weight: bold; }
    input[type="text"], input[type="password"] {
        width: calc(100% - 20px);
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 1em;
        box-sizing: border-box; /* Include padding and border in the element's total width and height */
    }
    input[type="submit"] {
        background-color: #007bff;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 1.1em;
        transition: background-color 0.3s ease;
        width: 100%;
        margin-top: 20px;
    }
    input[type="submit"]:hover {
        background-color: #0056b3;
    }
    .error-message { color: red; margin-top: 10px; }
</style>
</head>
<body>
    <div class="login-container">
        <h1>管理员登录</h1>
        <form action="{:Url('admin/index/logincheck')}" method="post">
            <div>
                <label for="username">用户名</label>
                <input type="text" id="username" name="username" required>
            </div>
            <div>
                <label for="userpwd">密码</label>
                <input type="password" id="userpwd" name="userpwd" required>
            </div>
            <input type="submit" value="登录">
        </form>
    </div>
</body>
</html>